﻿/*
	Last update: 18.06.2010, lembit@ux.ee
	- 18.06.2010, lembit@ux.ee: modified .video-main .video-txt .ulevaade .event-date
	- 15.06.2010, asirel@microsoft.com: added .videolevel and modified .duration
	- 17.05.2010, lembit@ux.ee: modified .video-main-first h3, added .ie6 .slide-box
	- 16.05.2010, lembit@ux.ee: modified .video-main h3, .video-main h3 span
	- 10.05.2010, lembit@ux.ee: synced w/ CSS from http://test.ux.ee/microsoft/eneta/html/
*/
.video-head {
	height: 1%;
	overflow: hidden;
	padding: 0 0 11px 18px;
	font-size: 20px;
}
.video-head h2 {
	color:#333;
	float:left;
	font-size:20px;
	font-weight:normal;
	margin:4px 0 0;
	padding:0;
}
.video-head .small-menu { margin: 5px 9px 7px 0 !important; }
.video-list-area,
.video-area {
	height: 1%;
	overflow: hidden;
	background: #fff;
	padding: 11px 0 20px;
}
.video-list-area .tags a { color:#666; }
.video-area { padding: 18px 15px 20px 18px; }
.ie6 .video-area { width: 503px; }
.video-area h2 {
	margin: 20px 0 0;
	padding: 0;
}
.video-area h2 {
	font-size:25px;
	letter-spacing:-1px;
	line-height:28px;
	margin:18px 0 0;
}
.video-area h4,
.video-area h5 {
	color:#333;
	float:left;
	font-size:16px;
	line-height:18px;
	margin:11px 0 6px;
}
.video-area h4:first-child,
.video-area h5:first-child { margin-bottom:0; }
p.filter { margin: 0 0 12px 18px; }
.video-main,
.video-main-first {
	padding: 15px 4px 15px;
	border-top: 1px solid #d6eaf4;
	margin: 0 15px;
	float: left;
	width: 500px;
}
.ie6 .video-main,
.ie6 .video-main-first {
	padding: 15px 9px 15px 17px;
	margin: 0;
	width: 505px;
}
.no-top-border { border-top: none; }
.video-main-first {
	border-bottom: 1px solid #d6eaf4;
	background: #f4f9fc;
	margin: 0;
	padding: 9px 14px 9px 19px;
	width: 510px;
}
.video-main-first h4 {
	color:#666;
	font-size: 16px;
	margin: 0;
	padding: 0;
}
.video-main-first h3 {
	color:#39c;
	font-size:25px;
	letter-spacing:-1px;
	line-height:25px;
	margin:3px 0 8px;
	padding:0;
}
.video-main-first h3 span {
	font-weight: normal;
	font-size: 20px;
}
.video-main h3 {
	font-size:16px;
	line-height:18px;
	margin: 0 0 6px;
	padding: 0;
}
.video-main h3 span {
	font-size:13px;
	font-weight:normal;
}
/* .video-main h3 a { font-size: 16px; } */
.video-image {
	float: left;
	margin-right: 9px;
	width: 164px;
}
.video-main-first .video-image { width: 244px; }
.video-list-area .video-logo img { border: 2px solid #99cce5; }
.video-area .video-logo img { border: 3px solid #99cce5; }
.no-image-border img {
	border: none;
	margin: 2px 0 0 2px;
}
.video-txt {
	float: left;
	width: 510px;
}
.video-area .video-txt { width: 310px; }
.video-main .video-txt { width: 325px; }
.video-txt p {
	font-size: 12px;
	line-height: 16px;
	float: left;
	width: 250px;
	margin: 0 0 5px;
}
.video-main-first .video-txt p,
.video-area .video-txt,
.video-area .video-txt p {
	font-size: 14px;
	line-height:19px;
}
.video-area .video-txt p { margin:16px 0 0 2px; }
.video-main .video-txt p,
.video-area .video-txt p { width: 325px; }
.video-txt ul.tags,
.video-area ul.tags {
	color: #666;
	margin: 3px 0 0;
	padding: 0;
	font-size: 11px;
	line-height: 13px;
	float: left;
}
.video-main-first .video-txt ul.tags { font-size: 12px; }
.video-txt ul.tags li,
.video-area ul.tags li {
	display: inline;
	background: none;
	padding: 0;
}
.video-area ul.tags a { color: #666; }
.video-main-first:hover ul.tags a,
.video-main:hover ul.tags a { color: #39c; }
.video-txt .ulevaade {
	padding: 0;
	background: none;
}
.video-txt .ulevaade h6 { font-size: 14px; }
.video-txt .ulevaade ul { margin: 0; }
.video-txt .ulevaade .event-date {
	float: left;
	background-color: #f4f9fc;
	background-position: 0 0;
	color: #666;
	padding: 0 2px 4px 23px;
	margin-right: 10px;
}
.video-txt .ulevaade .event-date,
.video-info .ulevaade ul li.event-date { background-image:url(../images/icon-cal.gif); }
.video-main .video-txt .ulevaade .videolevel,
.video-main .video-txt .ulevaade .event-date { background-color: #fff; }
.ie6 .event-date { width: 62px; }
.ie6 .video-area .event-date { width:auto; }
li.duration {
	background-image:url(../images/icon-duration.gif);
	padding:0 13px 0 21px;
}
li.videolevel {
	background-image:url(../images/icon-tool.gif);
}
.video-txt .ulevaade .duration,
.video-txt .videolevel {
	font-weight: bold;
	background-position: 0 0;
	padding: 0 2px 4px 23px;
	float: left;
}
.video-txt .ulevaade .duration {
	margin-right: 10px;
}
.video-area .ulevaade-box {
	width: 175px;
	margin: 12px 0 0 0;
	background-image: url('../images/bg-ulevaade-box-3.gif');
}
.video-area .ulevaade { background-image: url('../images/bg-ulevaade-top-3.gif'); }
.video-area .ulevaade ul span { width:48px; }
.ie6 .video-area .ulevaade ul span { width:47px; }
.video-area .ulevaade ul strong { width:83px; }
.video-list-area .rating-box {
	width: 50px;
	background: url('../images/bg-rating-box-small-2.gif') no-repeat;
	margin: 10px auto;
}
.video-list-area .rating-box div {
	height: 10px;
	background: url('../images/bg-rating-box-active-small-2.gif') no-repeat;
}
.video-menu {
	height:1%;
	overflow:hidden;
	padding:17px 0 0;
	border-top:1px solid #fff;
}
.video-menu ul {
	display:inline;
	margin:0 0 0 9px;
	padding:0;
	float:left;
	font-size:12px;
	line-height:19px;
}
.video-menu ul li {
	float:left;
	padding:0 7px 0 9px;
	background:url(../images/bg-blogs-menu-separator.gif) no-repeat 0 7px;
}
.video-menu ul li:first-child { background-image:none; }
.video-menu ul img {
	border:1px solid #99cce5;
	float:left;
	margin:0 4px 0 0;
}
.video-menu .pages {
	color:#999;
	float:left;
	margin-top:2px;
	text-align:center;
	width:33%;
}
.video-menu .small-menu li { background:url(../images/separator-small-menu-link.gif) no-repeat 0 5px; }
.slide-box {
	margin-left: 15px;
	width: 493px;
}
.ie6 .slide-box {
	margin-left: 10px;
}
.lisa-kommentar .slide-box {
	margin-left: 0;
	width: 495px !important;
}
.video-info {
	width: 175px;
	float: right;
	margin:0;
}
.video-info .rating-box { margin-top:11px; }
.addthis_toolbox,
.tags,
.video-area h3,
.comment { float: left; }
.ie6 .video-area h3,
.ie7 .video-area h3,
.ie6 .comment,
.ie7 .comment { float: none; }
.video-area h3 {
	font-size:20px;
	font-weight:normal;
	line-height:23px;
	margin:20px 0 9px;
}
.file {
	width: 136px;
	height: 20px;
	margin: 2px 0 5px 10px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
.file a {
	display: block;
	width: 136px;
	padding: 2px 0;
	border: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	float: left;
}
.file a img {
	float: left;
	margin: 3px 4px 0 14px;
}
.file { background-image:url('../images/bg-btn-2ndary-action-right.gif'); }
.file a { background:url('../images/bg-btn-2ndary-action-left.gif') no-repeat; }
.list {
	height:1%;
	margin:7px 0 0 3px;
	padding:0 0 6px;
	width:300px;
	float:left;
}
.list li { padding-left: 20px; }
.list li a {
	font-size: 14px;
	line-height: 19px;
}
.addthis_toolbox { width: 100%; }
.video-area ul.tags {
	font-size: 12px;
	width: 100%;
	margin:23px 0 0 1px;
}
.video-area ul.tags a {
	color: #3399cc;
	font-weight: normal;
}
.video-area h3 a {
	color: #666;
	font-size: 20px;
}
.comment .comment-foto {
	float: left;
	margin: 0 4px;
}
.comment .comment-foto img { border: 1px solid #99cce5; }
.ie6 .comment .comment-txt { width: 430px; }
